<!-- 样式4: 简洁用户网格 -->
<div class="simple-users-grid">
    <!-- 有头像的用户 -->
    <div class="user-card simple-user-card">
        <div class="avatar">
            <img src="https://picsum.photos/200/200?random=30" alt="黄欣的头像" class="avatar-img">
        </div>
        <h3 class="user-name">黄欣</h3>
        <span class="user-badge">设计师</span>
        <button class="follow-btn">关注</button>
    </div>

    <!-- 无头像的用户 -->
    <div class="user-card simple-user-card">
        <div class="avatar">
            <div class="avatar-placeholder">杨光</div>
        </div>
        <h3 class="user-name">杨光</h3>
        <span class="user-badge">程序员</span>
        <button class="follow-btn">关注</button>
    </div>

    <!-- 有头像的用户 -->
    <div class="user-card simple-user-card">
        <div class="avatar">
            <img src="https://picsum.photos/200/200?random=32" alt="刘芳的头像" class="avatar-img">
        </div>
        <h3 class="user-name">刘芳</h3>
        <span class="user-badge">美食家</span>
        <button class="follow-btn following">已关注</button>
    </div>

    <!-- 有头像的用户 -->
    <div class="user-card simple-user-card">
        <div class="avatar">
            <img src="https://picsum.photos/200/200?random=33" alt="马明的头像" class="avatar-img">
        </div>
        <h3 class="user-name">马明</h3>
        <span class="user-badge">健身教练</span>
        <button class="follow-btn">关注</button>
    </div>

    <!-- 无头像的用户 -->
    <div class="user-card simple-user-card">
        <div class="avatar">
            <div class="avatar-placeholder">陈曦</div>
        </div>
        <h3 class="user-name">陈曦</h3>
        <span class="user-badge">作家</span>
        <button class="follow-btn">关注</button>
    </div>

    <!-- 有头像的用户 -->
    <div class="user-card simple-user-card">
        <div class="avatar">
            <img src="https://picsum.photos/200/200?random=35" alt="周杰的头像" class="avatar-img">
        </div>
        <h3 class="user-name">周杰</h3>
        <span class="user-badge">音乐人</span>
        <button class="follow-btn">关注</button>
    </div>

    <!-- 无头像的用户 -->
    <div class="user-card simple-user-card">
        <div class="avatar">
            <div class="avatar-placeholder">吴敏</div>
        </div>
        <h3 class="user-name">吴敏</h3>
        <span class="user-badge">教育家</span>
        <button class="follow-btn">关注</button>
    </div>

    <!-- 有头像的用户 -->
    <div class="user-card simple-user-card">
        <div class="avatar">
            <img src="https://picsum.photos/200/200?random=37" alt="郑华的头像" class="avatar-img">
        </div>
        <h3 class="user-name">郑华</h3>
        <span class="user-badge">旅行家</span>
        <button class="follow-btn following">已关注</button>
    </div>
</div>

